<!-- Header -->
<div id="header-wrapper">
    <div id="header" style="margin-top: -35px">
        <div class="container">
            <div id="logo" style="margin-bottom: 20px"> <!-- Logo -->
                <h1><a href="/#p1">博丽神社</a></h1>
                <span>by {$index.copyright|html_entity_decode=###}</span>
            </div>
        </div>
        <div id="menu-wrapper">
            <div class="container">
                <!-- Header -->
                <nav id="nav">
                    <ul>
                        <li class="active" id="p1"><a href="/frontendData#p1">博客中心</a></li>
                        <li id="p2"><a href="/frontendArticle#p2" >出尘游记</a></li>
                        <li id="p3"><a href="/frontendNovel#p3" >杂谈藏斋</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<script>
    $(function(){
        let id = window.location.hash;
        $('#nav li').removeClass('active');
        $(id).addClass('active');
    });
</script>